<template>
  <view>
    <nut-cell-group title="">
      <nut-cell title="">
        <template #title>
          <view>
            <text>单元格</text>
            <text style="padding-left: 20rpx">🐶Cell && Cell Group🐶</text>
          </view>
        </template>
        <template #icon>
          <nut-icon font-class-name="iconfont" class-prefix="icon" name="a-daxiangkatongdongwu" custom-color="#f32384" size="16rpx" class="nut-icon-am-blink nut-icon-am-infinite"/>
        </template>
        <template #link>
          <nut-icon font-class-name="iconfont" class-prefix="icon" name="weird-animal" custom-color="#666666" size="20rpx"/>
        </template>
      </nut-cell>
      <nut-cell title="">
        <template #title>
          <view>
            <text>单元格</text>
            <text style="padding-left: 20rpx">🐶Cell && Cell Group🐶</text>
          </view>
        </template>
        <template #icon>
          <nut-icon font-class-name="iconfont" class-prefix="icon" name="a-daxiangkatongdongwu" custom-color="#f32384" size="16rpx" class="nut-icon-am-blink nut-icon-am-infinite"/>
        </template>
        <template #link>
          <nut-icon font-class-name="iconfont" class-prefix="icon" name="weird-animal" custom-color="#666666" size="20rpx"/>
        </template>
      </nut-cell>
      <nut-cell title="">
        <template #title>
          <view>
            <text>单元格</text>
            <text style="padding-left: 20rpx">🐶Cell && Cell Group🐶</text>
          </view>
        </template>
        <template #icon>
          <nut-icon font-class-name="iconfont" class-prefix="icon" name="a-daxiangkatongdongwu" custom-color="#f32384" size="16rpx" class="nut-icon-am-blink nut-icon-am-infinite"/>
        </template>
        <template #link>
          <nut-icon font-class-name="iconfont" class-prefix="icon" name="weird-animal" custom-color="#666666" size="20rpx"/>
        </template>
      </nut-cell>
      <nut-cell title="">
        <template #title>
          <view>
            <text>单元格</text>
            <text style="padding-left: 20rpx">🐶Cell && Cell Group🐶</text>
          </view>
        </template>
        <template #icon>
          <nut-icon font-class-name="iconfont" class-prefix="icon" name="a-daxiangkatongdongwu" custom-color="#f32384" size="16rpx" class="nut-icon-am-blink nut-icon-am-infinite"/>
        </template>
        <template #link>
          <nut-icon font-class-name="iconfont" class-prefix="icon" name="weird-animal" custom-color="#666666" size="20rpx"/>
        </template>
      </nut-cell>
    </nut-cell-group>
</view>
</template>

<script lang="ts" setup>
const notify = useNotify();

const text = ref("你好👋");
const textWarning = ref("🐶👋");

function onClick(type: 'primary' | 'warning' | 'danger' | 'success') {
  notify[type]("欢迎使用 nutui-uniapp");
}
</script>

<style lang="scss" scoped>
</style>
